import React, { Component } from "react";
import "./index.scss";
import { Button, Flex, WhiteSpace } from "antd-mobile";
import Header from "@component/header/header"
class main extends Component {
  render() {
    return (
      <div>
        <Header/>
        
        <div className="box">mainss</div>
        <Button>Start</Button>
        <Flex>
          <Flex.Item>
            <div className="box">block</div>
          </Flex.Item>
          <Flex.Item>
            <div className="box">block</div>
          </Flex.Item>
          <Flex.Item>
            <div className="box">block</div>
          </Flex.Item>
        </Flex>
        <WhiteSpace size="sm" />
        <Flex>
          <Flex.Item>
            <div className="box">block</div>
          </Flex.Item>
          <Flex.Item>
            <div className="box">block</div>
          </Flex.Item>
          <Flex.Item>
            <div className="box">block</div>
          </Flex.Item>
        </Flex>
      </div>
    );
  }
}

export default main;
